<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美逊商城官网</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header></header>
    <!-- content -->
    <div class="content">
        <div class="content-title">
            <div class="wrap">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">团购</a></li>
                    <li><a href="">企业办公</a></li>
                </ul>
                <div class="fenlei">所有商品分类
                    <div class="fl-list">
                        <ul>
                            <li>
                                <h2><a href="/html/list.html"> 电脑办公</a></h2>
                                <a href="/html/list.html">办公设备</a>
                                <a href="/html/list.html">办公文具</a>
                                <a href="/html/list.html">办公耗材</a>
                                <a href="/html/list.html">电脑整机</a>
                            </li>
                        </ul>
                    </div>
                </div>
              
            </div>
        </div>
        <div class="swiper-container lunbo">
            <div class="swiper-wrapper">
                   <div class="swiper-slide"><img src="/images/banner1.png" alt=""></div>
                   <div class="swiper-slide"><img src="/images/banner2.png" alt=""></div>
                   <div class="swiper-slide"><img src="/images/banner3.png" alt=""></div>
                   <div class="swiper-slide"><img src="/images/banner4.png" alt=""></div>
                
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 导航按钮 -->
            <div class="swiper-button-prev boult"></div>
            <div class="swiper-button-next boult"></div>
        </div>
    </div>  
 </div>
     <!-- <h2>换一批</h2> -->
    <div class="group">
        <ul id="goods" class="goodsCategory">
        </ul>
        <script type="text/html" id="goodsList">
        {{each list cate,index}}
        <li><a href="/html/detail.html?id={{cate.id}}"><img src="{{cate.src}}" alt=""></a></li>
              {{/each}}
    </script>
    </div>

    <!-- content-banner -->
    <div class="content-banner">
        <a href="">
            <img src="../images/9.jpg" alt="">
        </a>
    </div>

    <!-- list-title -->
    <div class="list-title">
        <a href="">
            <b>办公文仪</b>
            <i>office stationery</i>
        </a>
        <ul>
            <li><a href="">复印纸</a></li>
            <li><a href="">中性笔</a></li>
            <li><a href="">文件管理</a></li>
            <li><a href="">办公文具</a></li>
            <li><a href="">财务用品</a></li>
            <li><a href="">本册/便签</a></li>
        </ul>
    </div>
    <!-- list -->
    <div class="list">
        <div class="list-left">
            <div class="list-left-top">
                <a href="/html/list.html"><img src="../images/10.png" alt=""></a>
            </div>
            <div class="list-left-bottom">
                <a href="/html/list.html"><img src="../images/11.jpg" alt=""></a>
            </div>
        </div>
        <div class="list-right">
            <ul id="goodsLi">
            </ul>

            <!-- //定义模板 -->
            <script type="text/html" id="goodGroup">
             {{each list item ,index}}
             <li><a href="/html/detail.html?id={{item.id}}"><img src="{{item.src}}" alt=""></a></li>
              {{/each}}
            </script>
        </div>
    </div>

    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>
</html>